.gh-btn {
	position: absolute; top: 33px; right: 30px; height: 29px; width: 40px; cursor: pointer;
}
.gh-btn i {
	position: absolute; left: 0; display: block; height: 5px; width: 40px; background: #666;
}
.gh-btn .i1 {
	top: 0;
}
.gh-btn .i2 {
	top: 12px;
}
.gh-btn .i3 {
	top: 24px;
}
.gh-btn:hover .i2 {
	display: none;
}
.gh-btn:hover .i1 ,
.gh-btn:hover .i3 {
	top: 12px; left: 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);}
.gh-btn:hover .i1 {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-webkit-animation: gh1 .5s linear 1;
	-moz-animation: gh1 .5s linear 1;
	-ms-animation: gh1 .5s linear 1;
	animation: gh1 .5s linear 1;
}
@-webkit-keyframes gh1{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
}
@-moz-keyframes gh1{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
}
@-ms-keyframes gh1{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
}
@keyframes gh1{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
}
.gh-btn:hover .i3 {
	-webkit-animation: gh3 .5s linear 1;
	-moz-animation: gh3 .5s linear 1;
	-ms-animation: gh3 .5s linear 1;
	animation: gh3 .5s linear 1;
}
@-webkit-keyframes gh3{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
}
@-moz-keyframes gh3{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
}
@-ms-keyframes gh3{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
}
@keyframes gh3{
	from{
		transform: rotate(0);
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
	}
	to{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
	}
}
